<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/my-components.css" />
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app-22">
        <!-- 组件的引用必须在 vue 实例指定的容器中 -->
        <page-frame title="标题" cr="地址">
            <template slot="slot1">
                <input /> <button>搜索</button>
            </template>
            <template slot="slot2">
                <div>
                    <a href="#">首页</a>
                    <a href="#">后台</a>
                    <a href="#">管理</a>
                    <a href="#">关于</a>
                </div>
            </template>
        </page-frame>
    </div>
    <script src="js/my-components-bar-slot.js"></script>
    <script type="text/javascript">

        var vm = new Vue({
            el: '#app-22'
        })
    </script>
</body>
</html>